<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>提交订单</title>
    <link href="css/piao.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/default.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <script src="http://www.16u.cc/d/js/popBox.js"></script>
    <script type="text/javascript" src="http://www.12301.cc/js/global/Date_func.js"></script>
    <script language="javascript" src="http://www.12301.cc/js/jquery-1.7.1.min.js"></script>
    <link href="css/style.css" rel="stylesheet">
<body>
<div id="mask"></div>
<!--头部-->
<div class="header">
    <div class="head">
        <div class="logo">
            <span><img src="images/index_logo.png" /></span>
        </div>
        <div class="righed">
            <a href="#"><img src="images/head_rigimg.png" /></a>
        </div>
    </div>
</div>
<div class="index-nav">
    <div class="index-nav-con">
        <a class="myorder" href="ding.html">订单查询</a>
        <ul>
            <li><a href="index.html" class="nav-on">首页</a>  </li>
            <li><a href="#">景点门票</a> <span class="hot"></span> </li>
            <li><a href="#">周边游</a> <span class="hot"></span> </li>
        </ul>
    </div>
</div>
<div style="clear:both"></div>
</div>
</div>
<div class="process">
    <span class="process1">1、选择景区门票类型</span>
    <span class="process2">2、填写订单信息</span>
    <span class="process3">3、完成支付预定成功</span>
</div>
<div class="buy-ticket-main">
<div class="buy-ticket-main-left left">
    <h2>仅50元享原价60元【深圳世界之窗夜场】世界之窗啤酒节夜场(景区现付) 1张</h2>
    <div class="buy-ticket-notice">
        <h4><span>预订数量</span></h4>
        <div class="piao-type-list">
            <table cellpadding="0" cellspacing="0" border="0" id="piaolist">
                <thead>
                <tr>
                    <td class="td1">门票类型</td>
                    <td class="td3">优惠价</td>
                    <td class="td5">购票数量</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="t-type title[]">世界之窗啤酒节夜场(景区现付)</td>
                    <td class="t-price" id="price">70￥</td>
                    <td class="num_box">
                        <input type="hidden" class="tprice_3587" value="70">
                        <div>
                            <a class="copies_cut minus" href="" role="cut"></a>
                            <input type="text" value="0" class="copies_num tnum" max="5" min="0"  name="num" role="copy">
                            <a class=" copies_add add" href="javascript:void()" role="add"></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="t-type title[]">世界之窗啤酒节夜场(景区现付)</td>
                    <td class="t-price" id="price">80￥</td>
                    <td class="num_box">
                        <input type="hidden" class="tprice_3587" value="80">
                        <div>
                            <a class="copies_cut minus" href="" role="cut"></a>
                            <input type="text" value="0" class="copies_num tnum" max="5" min="0"  name="num" role="copy">
                            <a class=" copies_add add" href="javascript:void()" role="add"></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="t-type title[]">世界之窗啤酒节夜场(景区现付)</td>
                    <td class="t-price" id="price">60￥</td>
                    <td class="num_box">
                        <input type="hidden" class="tprice_3587" value="60">
                        <div>
                            <a class="copies_cut minus" href="" role="cut"></a>
                            <input type="text" value="0" class="copies_num tnum" max="5" min="0"  name="num" role="copy">
                            <a class=" copies_add add" href="javascript:void()" role="add"></a>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="buy-ticket-notice">
        <h4><span>订票信息</span></h4>
        <div class="buy-ticket-info-con" id="reserveForm">
            <form id="form1" name="form1" method="post" action="">
                <table width="100%" border="0" cellspacing="2">
                    <tbody>
                    <tr>
                        <td width="88" align="center">
                            <label for="ouser">姓 名 :</label></td>
                        <td width="537">
                            <input class="ipt" name="ouser" id="ouser" placeholder="请输入您的真实姓名" required="required" x-webkit-speech=""></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <label for="otel">手 机 :</label></td>
                        <td>
                            <input type="tel" class="ipt" maxlength="11" onkeyup="value=value.replace(/\D+/g,&#39;&#39;)" name="otel" id="otel" placeholder="输入手机号方便我们联系您"></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <label for="odate">日 期 :</label></td>
                        <td>
                            <!-- <input type="text" class="ipt odate inputText" name="begintime" id="begintime"  size="16" > -->
                            <input type="text" name="begintime" id="begintime" class="begintime ipt odate" value="2014-11-19" />
                        </td>

                    </tr>
                    <tr>
                        <td align="center">
                            <label for="OrderLen">总价</label></td>
                        <td>
                            <span class="total_num">¥<em role="priceTotal" class="subtotal" id="summoney"></em></span>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <label for="submit_btn"></label>
                        </td>
                        <td>
                            <input type="button" name="submit_btn" class="submit_btn" id="btnSubmit" value="提交订单"></td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
    <div class="buy-ticket-notice">
        <h4><span>订票须知</span></h4>
        <div class="buy-ticket-notice-con" style="height: auto;">
            <p>
						<span style="color:#006600;">
							<strong>啤酒节活动世界:2014年5月31日 至 2014年9月8日【天天开场，夜夜精彩】</strong>
						</span>
            </p>
            <div>
                <strong>
                    <span style="color:#ff0000;background-color: rgb(255, 255, 51);">世界之窗夜场取票地点</span>
                </strong>
                <span style="color:#000099;">:世界之窗欧陆风情酒吧街入口“鹏城社区”牌子字样办公桌，世界之窗地铁站（地铁站 H1/I 出口）城市客栈旁</span>
            </div>
            <div>
                <span style="color:#000099;"><br></span>
            </div>
            <div>
						<span style="color:#000099;">
							<strong>夜场取票时间：18:00--20:00</strong>&nbsp;
						</span>
            </div>
            <div>
                <strong>
                    <span style="color:#cc6600;"><br></span>
                </strong>
            </div>
            <div>
						<span style="color:#cc6600;">
							<strong>夜场开放时间：19:30-23：00&nbsp; 客服电话：0755-88828242&nbsp;&nbsp;企业QQ：800082086</strong>
						</span>
            </div>
            <p>购买须知：无需预约，每个用户限购5张。世界之窗主题公园内所有不独立收费项目均可游玩。
						<span style="color:#ff0000;">公司团队客户请电话预定：
						<span style="font-size:16px;">0755-88858282</span>
						，专员QQ:85834372</span>
            </p>
            <p>特殊价格：1.2米（不含）以下身高的儿童和70岁（含）以上年龄的老人可免费入场（需要出示身份证）；1.2米以上全票。</p>
            <p>交通提示：建议大众交通工具前往，绿色出行。</p>
            <p>
                <strong>
                    <span style="color:#ff0000;">特别推荐：</span>
                </strong>
            </p>
            <p>
                <span style="color:#ff0000;">1、深圳最具特色、最凝聚人气的主题娱乐品牌活动——世界之窗国际啤酒节。</span>
            </p>
            <p>
                <span style="color:#ff0000;">2、大型当代都市舞台游记《一路阳光》 。</span>
            </p>
            <p>3、惊心动魄的委内瑞拉山洪爆发;原始神威的夏威夷火山爆发。</p>
            <p>4、周六、日晚上深圳唯一的大型璀璨烟花汇演。</p>
            <div style="top: 0px;">﻿﻿</div>
            <div style="top: 0px;">﻿﻿</div>
            <div style="top: 0px;">﻿﻿</div>
            <div style="top: 0px;">﻿﻿</div>
        </div>
        <div class="NoticeMore" style="display: none;"><a href="javascript:;">查看更多 &gt;&gt;</a></div>
        <script>
            var DivHeight = $(".buy-ticket-notice-con").height();
            if (DivHeight > 250) {
                $(".buy-ticket-notice-con").css("height", "250px");
                $(".NoticeMore").show();
                $(".NoticeMore").click(function () {
                    $(".buy-ticket-notice-con").css("height", "auto");
                    $(".NoticeMore").hide();
                });
            }
            else {
                $(".buy-ticket-notice-con").css("height", "auto");
                $(".NoticeMore").hide();
            }
        </script>
    </div>

</div>
<div class="buy-ticket-main-right right">
    <div id="right" style="top: 0px;">
        <h2 class="main-con-right-title">为您推荐</h2>
        <ul>
            <li>
                <dl>
                    <dt><a href="#" title=""><img src="#" width="250" height="151" alt=""></a></dt>
                    <dd class="tuijian-title">【特惠】欢乐谷夜场（含水公园门票）  原价80网上预订59元[景区支付]</dd>
                    <dd class="tuijian-price">￥59<span>市场价:￥80</span></dd>
                    <dd class="tuijian-btn"><a href="#" title=""></a></dd>
                </dl>
            </li>
            <li style="border:none;">
                <dl>
                    <dt><a title="" href="#"><img src="#" width="250" height="151" alt=""></a></dt>
                    <dd class="tuijian-title">《极力道》门票(周二-周日19:40场)480网上预订360元[景区支付]</dd>
                    <dd class="tuijian-price">￥360<span>市场价:￥480</span></dd>
                    <dd class="tuijian-btn"><a href="#" title=""></a></dd>
                </dl>
            </li>
        </ul>
    </div>
</div>
<div style="clear: both"></div>
</div>


<script>
/*门票数量变更*/
(function(){
    $(".minus").click(function(){
        var numElem=$(this).parent().find("input[type='text']").first()[0]
        numElem.value=numElem.value-1>=0?numElem.value-1:0;
        changenum(numElem);
        return false;
    });
    $(".add").click(function(){
        var numElem=$(this).parent().find("input[type='text']").first()[0];
        // if($(this).attr("data-max")>0)
        // if(Math.abs(numElem.value)+1>$(this).attr("data-max")){
        // alert("限制购买 "+$(this).attr("data-max")+" 张票");
        // return false;
        // }
        // }
        //numElem.value=Math.abs(numElem.value)+1;
        numElem.value=Math.abs(numElem.value);
        changenum(numElem);
        return false;
    });
    $("input.tnum").keyup(function(){
        changenum(this);
    });
    function changenum(element){
        $("#purchaseNum").trigger('change');
        element.value=element.value.replace(/[^0-9]+/,"");
        if(element==document.getElementById("purchaseNum")){
            var minbuytnum=parseInt($("#minbuytnum").val());
            var maxbuytnum=parseInt($("#remainnum").val());
            if(minbuytnum&&element.value<minbuytnum){
                alert("门票购买数少于下限！");
                element.value=minbuytnum;
            }
            if(element.value>maxbuytnum){
                alert("门票购买数超过上限！");
                element.value=maxbuytnum;
            }
        }else{//非主订单，查看限制
            var minbuytnum=$(element).attr("p_minbuy");
            var ddays=$(element).attr("ddays");
            if(minbuytnum>0&&element.value>0&&element.value<minbuytnum){
                alert("该产品最少预订数是"+minbuytnum+",请填写大于"+minbuytnum+"的数字");
                element.value=0;
                err=1;
            }
            if(element.value!=0){
                if($("#begintime").val()<$(element).attr("p_mintime")){
                    alert("该产品预订日期不得早于"+$(element).attr("p_mintime")+".");
                    element.value=0;
                }
            }
        }
        if(element.value==""||element.value<0){
            element.value=0;
        }
        //if(element.value>100){
        //	element.value=100;
        //}
        countTotal();
    }
})();
function countTotal(){
    var summoney=0;
    var total=0;
    $(".tnum").each(function(){
        var subtotal=$(this).val()*$(this).parent().prev().val();
        summoney+=subtotal;
        total+=Math.abs($(this).val());
        $(this).parent().parent().next().find("em").first().html(subtotal);
    });


    summoney=Number(summoney);
    $("#sumtnum").html(total);
    $("#summoney").html(summoney.toFixed(2));

}



$("#btnSubmit").click(function () {

    var PlayDate = $("#time").val();
    var OrderLen = $("#OrderLen").val();
    var UserName = $("#ouser").val();
    var Mobile = $("#otel").val();
    var sum = $("#summoney").text();
    var title = $(".title").text();
    var time = $(".begintime").val();

    var TicketId = '74';


    //if (PlayDate == '') {
    //   alert("游玩日期没有选择!");
    //   $("#time").focus(); return;
    //}
    if (UserName.length < 2) {
        alert("请认真填写取票人姓名!");
        $("#ouser").focus();
        return;
    }
    if (Mobile.length == '') {
        alert("手机号码必须填写!");
        $("#otel").focus();
        return;
    }
    if (Mobile.length != 11) {
        alert("手机号码有误!");
        $("#otel").focus();
        return;
    }
    if (OrderLen <= 0) {
        alert("预定数量必须大于等于1张!");
        $("#OrderLen").focus();
        return;
    }

    // var xx = 'True';
    // var length = '2';
    // if (xx != "False") {
    // //身份证正则表达式(15位)
    // var isIDCard1 = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
    // //身份证正则表达式(18位)
    // var isIDCard2 = (/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X|x)$/);;
    // var isIDCard3 = /^(\d{2})(\d{2})(\d{3})([0-9]|X|x)$/;
    // if (length == "2") {
    // if (!isIDCard1.test(IdCard) && !isIDCard2.test(IdCard) && !isIDCard3.test(IdCard)) {
    // alert("请输入15位或者18位身份证(全部输入或者后8位均可)!");
    // $("#ocard").focus();
    // return;
    // }
    // }
    // else {
    // if (!isIDCard1.test(IdCard) && !isIDCard2.test(IdCard)) {
    // alert("请输入15位或者18位身份证!");
    // $("#ocard").focus();
    // return;
    // }
    // }
    // }
    /*
     if (!confirm("确认您的信息填写无误吗!?")) {
     return;
     }*/
    var drp = "54";

    $.ajax({
        url: "../call/pppp.php",
        type: "post",
        data: {
            ordername: UserName,
            ordertel: Mobile,
            PlayDate: PlayDate,
            title: title,
            time: time,
            sum: sum,
            Drp: drp,
            TicketId: TicketId
        },


    });


});





// $(function () {

// $(".copies_cut").click(function () {
// var price=$("#price").parent().text();
// //var price = $("#price").parent().parent().find("td").eq(2).find("span").find("span").text();
// var val = parseInt($(".copies_num").val());
// val = val - 1;
// if (val == 0) {
// $(".copies_cut").addClass("copies_cut_disable").removeClass("copies_cut");
// }
// if (val < 0) {
// return;
// }
// var total = parseInt(val) * price;
// $(".copies_num").val(val);
// $("#total-price").text(total);
// $(".line-total").text(total);
// $("#amounttotal").text(total);
// });
// $(".copies_add").click(function () {
// var price = $(".copies_cut").parent().parent().find("td").eq(2).find("span").find("span").text();
// var val = parseInt($(".copies_num").val());
// val = val + 1;
// if (val >= 1) {
// $(".copies_cut_disable").addClass("copies_cut").removeClass("copies_cut_disable");
// }
// var total = parseInt(val) * price;
// $(".copies_num").val(val);
// $(".line-total").text(total);
// $("#total-price").text(total);
// $("#amounttotal").text(total);
// });
// });
// var priceArr=[];

// var isShow=true;
// function AjaxTime(tId)
// {
// if(priceArr.length<=0)
// {
// if(pickerEvent.isShow())
// {
// return;
// }
// $("#loading").ajaxStart(function(){
// $(this).css("display","block");
// isShow=true;
// }).ajaxStop(function(){
// $(this).css("display","none");

// })
// $.get("/TicketList/GetDate", { id:tId }, function (data) {
// var dtarr=eval("("+data+")");

// pickerEvent.setPriceArr(dtarr);
// pickerEvent.Init("playdt");
// });
// }
// else{
// pickerEvent.setPriceArr(data);
// pickerEvent.Init("playdt");
// }
// }
// $(function(){
// $('#num').bind('input propertychange', function() {
// var price=$("#price").parent().text();
// //var price = $("#price").parent().parent().find("td").eq(2).find("span").find("span").text();
// var val = parseInt($(".copies_num").val());

// if (val == 0) {
// $(".copies_cut").addClass("copies_cut_disable").removeClass("copies_cut");
// }
// if (val < 0) {
// return;
// }
// var total = parseInt(val) * price;
// $(".copies_num").val(val);
// $("#total-price").text(total);
// $(".line-total").text(total);
// $("#amounttotal").text(total);
// });
// })   
</script>




<script type="text/javascript" src="http://www.12301.cc/js/ui/PopWindow.js"></script>




<script type="text/javascript" src="http://www.12301.cc/js/ui/Calendar.js"></script>

<script type="text/javascript" src="http://www.12301.cc/js/productOrder.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.12301.cc/css/ui/Calendar.css" media="screen" />


<div id="footer">
    <div class="footer-con">
        <div class="footer-con-center "></div>
        <div class="footer-con-right">
            <p>24小时服务热线：0591-12301</p>
        </div>
    </div>
</div>

</body>
</html>